<!doctype html>
<html>
<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title>T2M</title>


    <script src="javascripts/common/jquery-1.9.1.min.js"></script>


    <script src="javascripts/common/json.js"></script>
    <script src="/socket.io/socket.io.js"></script>
    <!--[if IE]>
    <script src="javascripts/common/socket.io.js"></script>
    <![endif]-->

    <!-- Bootstrap -->
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <script src="bootstrap/js/bootstrap.min.js"></script>

    <!-- messenger -->
    <link href="hubspot/css/messenger.css" rel="stylesheet" media="screen">
    <link href="hubspot/css/messenger-theme-future.css" rel="stylesheet" media="screen">
    <script src="hubspot/js/messenger.min.js"></script>


    <link href="stylesheets/style.css" rel="stylesheet" media="screen">
    <script src="javascripts/im/im.js"></script>
    <script src="javascripts/index.js"></script>

</head>
<body>

<!-- 聊天对话窗口区域-->
<div class="well well-small affix "  id="t2m_multi_dialog">

    <div class="header-wraper pull-left">
        <ul class="nav nav-tabs nav-stacked" style="margin: 0;" id="multiple_user_con">
        </ul>
    </div>

    <div class="dialog-wraper pull-left">

        <div class="well well-small " id="multiple_dialog_con">
        </div>

        <div class="clearfix"></div>
        <hr style="margin: 8px 0px;"/>
        <textarea id="dialog_input"></textarea>

        <div class="clearfix"></div>
        <button type="submit" class="btn pull-right" id="submit_msg">发送</button>
    </div>
</div>

<div class='container' style="width:220px;padding-top:50px;">

    <h1>T2M</h1>

    <div id='profile_wrapper' class="well well-small">
        <div id='my_profile'></div>
        <div id='my_name'>
            <input type="text" class="span2" id='profile_name'>
            <button type="submit" class="btn" id='submit_name'>Submit</button>
        </div>
    </div>


    <div id='alert_wrapper'></div>

    <!-- nav nav-list bs-docs-sidenav -->
    <div class='user-dialog-wrapper' style="position: relative;">
        <ul id='user_wrapper' class="nav nav-tabs nav-stacked">
        </ul>

        <div id='dialog' class="well well-small ">
            <div class="dialog-title">
                <h5 style="margin: 0;" class="pull-left muted">正在与<span id="dialog_talker" class="talker">fornane</span>聊天...
                </h5>
                <button class="close pull-right">&times;</button>
            </div>
            <div class="clearfix"></div>
            <hr style="margin: 8px 0px 0px 0px;"/>

            <div id="dialog_content">
                <div id="diaglog_content_container"></div>
                <!--
                <div class="webim-dia-box">
                    <div class='msg-content msg-content-l'>
                        这条用来测试的，无视
                    </div>
                    <div class="msg-arr msg-arr-l"></div>
                </div>
                <div class="clearfix"></div>
                -->
            </div>

            <!--
            <div class="clearfix"></div>
            <hr style="margin: 8px 0px;"/>
            <textarea id="dialog_input"></textarea>
            <button type="submit" class="btn pull-right" id="submit_msg">Submit</button>
             -->
        </div>


        <!--
        <div><p id="message"></p></div>

        <button id="connect"/>
        Connect</button>
        <button id="disconnect">Disconnect</button>
        <button id="send"/>
        Send Message</button>
        -->

    </div>
</div>

</body>
</html>